<view>
    <canvas canvasId="canvas" style="height:{{bgConfig.height}}rpx;width:{{bgConfig.width}}rpx;"></canvas>
    <view style="position: absolute;left:50%;top:15%;transform: translate(-50%,-50%);z-index: 5;border: 1px solid #000;border-radius: 10rpx;height:{{bgConfig.height}}rpx;width:{{bgConfig.width}}rpx;background:{{bgConfig.color}}">
        <input bindinput="inputText" maxlength="14" placeholder="请输入文字" style="text-align: center;position: relative; top: 30%;margin: 15rpx;height: 80rpx;font-size: {{textConfig.size}}rpx;color:{{textConfig.color}}" value="{{textConfig.text}}"></input>
        <view class="btn">
            <button bindtap="textToPic" class="cu-btn bg-cyan lg" style="width:100%">确定</button>
            <view bindtap="copyAppName" class=" text-sm text-left padding-sm">
                <text class="text-grey">更多功能请下载文字图片制作器APP，支持本地自定义字体、边距调节、自定义颜色等。点击复制APP名字</text>
            </view>
            <adComponent  wx:if="{{ad}}" ad="{{ad}}"/>
        </view>
    </view>
    <view class="cu-bar tabbar  shadow foot" style="background-color: #fff;">
        <picker bindchange="bindBgPickerChange" class="action" range="{{bgColorArray}}" value="{{index}}">
            <view class="cuIcon-cu-image">
                <text class="cuIcon-skin"></text>
            </view>
            <view class="text-black">
				背景颜色
			</view>
        </picker>
        <picker bindchange="bindFontCoPickerChange" class="action" range="{{fontColorArray}}" value="{{index}}">
            <view class="cuIcon-cu-image">
                <text class="cuIcon-colorlens"></text>
            </view>
            <view class="text-black">文字颜色</view>
        </picker>
        <picker bindchange="bindFontPickerChange" class="action" range="{{fontList}}" value="{{index}}">
            <view class="cuIcon-cu-image">
                <text class="cuIcon-font"></text>
            </view>
            <view class="text-black">字体</view>
        </picker>
    </view>
</view>
